<div id="comparti-tu-punto-page" class="container comparti-tu-punto-container only-section-container">
    <div class="row">
        <section id="comparti-tu-punto-container" class="span12 box-container">
            <header class="box-header">
                <span class="border-width bg-color-02"></span>
                <h2>Carga tu punto de reciclaje</h2>
<!--                <a class="aside btn-mobile btn-collapse" href="#"><span class="icons-collapse icon-collapse-down"></span></a>-->
            </header>

            <div class="row-fluid section-content">
                <h3 class="section-title">Comparte tu punto</h3>
                <p class="section-para">Un punto de reciclaje es un lugar f&iacute;sico donde se recibe por lo menos un (1) tipo de material para ser reutilizado, reciclado, o acopiado para ser posteriormente reutilizado o reciclado.</p>
                <p class="section-para">Para cargar un punto de reciclaje completa toda la informaci&oacute;n correspondiente al punto que deseas agregar en el formulario a continuaci&oacute;n. Una vez que verifiquemos esa informaci&oacute;n, se agregar&aacute; a la base de datos de DondeReciclo.org.</p>
                
                <!--<?php if (!isset($usuario)) {?>
                <div class="banner comparti-tu-punto-banner">
                    <p><span class="icons icon-add-green-marker"></span>Para cargar un punto de reciclado debes ingresar con tu usuario. Si no ten&eacute;s uno podes <a href="<?php echo base_url(); ?>crea-tu-cuenta" class="font-color-16">crear tu cuenta</a>.</p>
                </div>
                <?php } ?>-->
            </div>
            
            <?php //if (isset($usuario)) {?>
            <div class="row-fluid section-content">
                <h3 class="section-title"><span class="icons icon-note-paper"></span>Completa con los datos del <em class="font-color-02">punto de reciclado</em></h3>
                <form id="comparti-tu-punto-form" method="post" action="<?php echo base_url(); ?>controllers/compartir/save">
                    <div class="row-fluid">
                        <label for="lugar-nombre-field" class="field-container lugar-nombre-field span6">
                            <b class="title span">Nombre del lugar</b>
                            <input type="text" value="" name="nombre" id="lugar-nombre-field" class="field span"/>
                        </label>
                        <label for="lugar-email-field" class="field-container lugar-email-field span6">
                            <b class="title span">Mail del lugar</b>
                            <input type="text" value="" name="email" id="lugar-email-field" class="field span"/>
                        </label>
                    </div>
                    <div class="row-fluid">
                        <label for="calle-field" class="field-container calle-field span4">
                            <b class="title span">Calle</b>
                            <input type="text" value="" name="calle" id="calle-field" class="field span"/>
                        </label>
                        <label for="altura-field" class="field-container altura-field span1">
                            <b class="title span">Altura</b>
                            <input type="text" value="" name="numero" id="altura-field" class="field span"/>
                        </label>
                        <label for="piso-field" class="field-container piso-field span1">
                            <b class="title span">Piso</b>
                            <input type="text" value="" name="piso" id="piso-field" class="field span"/>
                        </label>
                        <label for="horarios-field" class="field-container horarios-field span3">
                            <b class="title span">Horarios <em>(D&iacute;as, rango horario)</em></b>
                            <input type="text" value="" name="horario" id="horarios-field" class="field span"/>
                        </label>
                        <label for="telefono-field" class="field-container telefono-field span3">
                            <b class="title span">Tel&eacute;fono</b>
                            <input type="text" value="" name="telefono" id="telefono-field" class="field span"/>
                        </label>
                    </div>
                    <div class="row-fluid">
                        <label for="region-field" class="field-container region-field span3">
                            <b class="title span">Regi&oacute;n</b>
                            <?php echo(Region::toSelect()); ?>
                        </label>
                        <label for="partido-field" class="field-container partido-field span3">
                            <b class="title span">Partido</b>
                            <select id="selectProvincia" disabled="disabled">
                                <option value="">Elegir</option>
                            </select>
                        </label>
                        <label for="comuna-field" class="field-container comuna-field span3">
                            <b class="title span">Comuna</b>
                            <select id="selectComuna" disabled="disabled">
                                <option value="">Elegir</option>
                            </select>
                        </label>
                        <label for="web-field" class="field-container web-field span3">
                            <b class="title span">Web</b>
                            <input type="text" value="" name="web" id="web-field" class="field span"/>
                        </label>
                    </div>
                    <div class="row-fluid">
                        <label class="field-container">
                            <b class="title span">&iquest;Qu&eacute; materiales reciben? <em>(Ej. carton, pl&aacute;stico, vidrio)</em></b>
                        </label>
                        <ul class="category-list row">
                            
                        </ul>
                    </div>
                    <div class="row-fluid">
                        <label for="observaciones-field" class="field-container observaciones-field">
                            <b class="title span">Observaciones <em>(Descripci&oacute;n, comentarios, etc.)</em></b><br/>
                            <textarea name="comentario" id="observaciones-field" class="field span"></textarea>
                        </label>
                    </div>
                </form>
                <a href="javascript:void(0);"  class="btn btn-green" id="cargar-tu-punto-btn"><span class="text">Enviar</span></a>
            </div>
            <?php //} ?>
        </section>
    </div>
</div>

<div id="myModal" class="modal hide fade">
    <div class="modal-header">
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	<h3>ej: Gracias por su mensaje</h3>
    </div>
    <div class="modal-body">
	<p>ej: en breve nos estaremos contactacto con usted.</p>
    </div>
</div>